<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <title>3.1-订单录入</title>
    <link rel="stylesheet" href="styles/bootstrap/bootstrap.css">
    <link rel="stylesheet" href="styles/bootstrap-table.css">
    <link rel="stylesheet" href="lib/layui/css/layui.css">
    <link rel="stylesheet" href="styles/bootstrap-datetimepicker.min.css">
    <link rel="stylesheet" href="styles/awesome/font-awesome.min.css">
    <link rel="stylesheet" href="sfy/styles/fonts/iconfont.css">
    <link rel="stylesheet" href="styles/reset.css">
    <link rel="stylesheet" href="styles/main.css">
    <link rel="stylesheet" href="styles/cy.css">
    <link rel="stylesheet" href="styles/sfy_nav.css">
    <link rel="stylesheet" href="styles/newstyle.css">
</head>

<body>
    <!--头部-->
    <!-- 新菜单 2018-04-08 -->
    <div class="new-header">
        <div class="header-content">
            <div class="header-menu">
                <a href="index.html" class="logo">
                    <img src="images/yly-logo.png" alt="">
                </a>
                <ul class="header-nav">
                    <li>基础资料</li>
                    <li>物流运营</li>
                    <li>财务管理</li>
                    <li>业务管理</li>
                    <li>统计查询</li>
                </ul>
                <div class="header-select">
                    <a>
                        <!-- <label class="common-menu-btn"><input type="checkbox" checked="checked"><span></span></label><span>关闭常用菜单</span> -->
                        <span class="common-menu-btn">常用菜单</span>
                    </a>
                    <a href="#" class="setting">设置</a>
                    <ul class="header-select-list">
                        <li>
                            <i class="community"></i>
                            <a href="#">传链社区</a>
                        </li>
                        <li>
                            <i class="tel"></i>
                            <a href="#">服务中心</a>
                        </li>
                        <li>
                            <i class="message current"></i>
                            <a href="#">消息中心</a>
                        </li>
                        <li>
                            <i href="javascript:;" class="login"></i>
                            <div class="userboxinfob">
                                <div class="ul_userlist">
                                    <p class="flexitem">张会员，欢迎您登录</p>
                                    <ul class="flexitem">
                                        <li>
                                            <a href="/updatePwd">修改密码</a>
                                        </li>
                                        <li>
                                            <a href="/logout">退出</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="header-menu-box">
                <div class="header-menu-content">
                    <dl class="displayflex">
                        <dt>组织资料 ></dt>
                        <dd class="flex1">
                            <a href="#">公司资料维护</a>
                            <a href="#">公司部门资料维护</a>
                            <a href="#">物流区域资料维护</a>
                            <a href="#">物流中心资料维护</a>
                            <a href="#">仓库资料</a>
                            <a href="#">货主仓库指定</a>
                            <a href="#">货主承运商指定</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>人员管理 ></dt>
                        <dd class="flex1">
                            <a href="#">公司人员角色维护</a>
                            <a href="#">公司人员资料维护</a>
                            <a href="#">货主人员资料维护</a>
                            <a href="#">承运商人员资料维护</a>
                            <a href="#">仓储商人员资料维护</a>
                            <a href="#">商业客户人员资料维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>商品管理 ></dt>
                        <dd class="flex1">
                            <a href="#">新品发布清单</a>
                            <a href="#">生产厂商资料维护</a>
                            <a href="#">商品分类资料表</a>
                            <a href="#">库管参数维护</a>
                            <a href="#">补货层级维护</a>
                            <a href="#">新增商品</a>
                            <a href="#">商品资料维护</a>
                            <a href="#" class="active">产品说明书维护</a>
                            <a href="#">物价资料维护</a>
                            <a href="#">耗材包关系维护</a>
                            <a href="#">耗材包关系维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>产品证照 ></dt>
                        <dd class="flex1">
                            <a href="#">代理商证照维护</a>
                            <a href="#">经销授权书证照维护</a>
                            <a href="#">售后服务机构证照维护</a>
                            <a href="#">医疗器械注册证维护</a>
                            <a href="#">业务授权书维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>客户管理 ></dt>
                        <dd class="flex1">
                            <a href="#">商业单位资料维护</a>
                            <a href="#">医疗机构资料维护</a>
                        </dd>
                    </dl>
                </div>
                <div class="header-menu-content">
                    <dl class="displayflex">
                        <dt>物流运营 ></dt>
                        <dd class="flex1">
                            <a href="#">公司资料维护</a>
                            <a href="#">公司部门资料维护</a>
                            <a href="#">物流区域资料维护</a>
                            <a href="#">物流中心资料维护</a>
                            <a href="#">仓库资料</a>
                            <a href="#">货主仓库指定</a>
                            <a href="#">货主承运商指定</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>人员管理 ></dt>
                        <dd class="flex1">
                            <a href="#">公司人员角色维护</a>
                            <a href="#">公司人员资料维护</a>
                            <a href="#">货主人员资料维护</a>
                            <a href="#">承运商人员资料维护</a>
                            <a href="#">仓储商人员资料维护</a>
                            <a href="#">商业客户人员资料维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>商品管理 ></dt>
                        <dd class="flex1">
                            <a href="#">新品发布清单</a>
                            <a href="#">生产厂商资料维护</a>
                            <a href="#">商品分类资料表</a>
                            <a href="#">库管参数维护</a>
                            <a href="#">补货层级维护</a>
                            <a href="#">新增商品</a>
                            <a href="#">商品资料维护</a>
                            <a href="#" class="active">产品说明书维护</a>
                            <a href="#">物价资料维护</a>
                            <a href="#">耗材包关系维护</a>
                            <a href="#">耗材包关系维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>客户管理 ></dt>
                        <dd class="flex1">
                            <a href="#">商业单位资料维护</a>
                            <a href="#">医疗机构资料维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>医院关系建立 ></dt>
                        <dd class="flex1">
                            <a href="#">采购目录勾对</a>
                        </dd>
                    </dl>
                </div>
                <div class="header-menu-content">
                    <dl class="displayflex">
                        <dt>财务管理 ></dt>
                        <dd class="flex1">
                            <a href="#">公司资料维护</a>
                            <a href="#">公司部门资料维护</a>
                            <a href="#">物流区域资料维护</a>
                            <a href="#">物流中心资料维护</a>
                            <a href="#">仓库资料</a>
                            <a href="#">货主仓库指定</a>
                            <a href="#">货主承运商指定</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>人员管理 ></dt>
                        <dd class="flex1">
                            <a href="#">公司人员角色维护</a>
                            <a href="#">公司人员资料维护</a>
                            <a href="#">货主人员资料维护</a>
                            <a href="#">承运商人员资料维护</a>
                            <a href="#">仓储商人员资料维护</a>
                            <a href="#">商业客户人员资料维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>商品管理 ></dt>
                        <dd class="flex1">
                            <a href="#">新品发布清单</a>
                            <a href="#">生产厂商资料维护</a>
                            <a href="#">商品分类资料表</a>
                            <a href="#">库管参数维护</a>
                            <a href="#">补货层级维护</a>
                            <a href="#">新增商品</a>
                            <a href="#">商品资料维护</a>
                            <a href="#" class="active">产品说明书维护</a>
                            <a href="#">物价资料维护</a>
                            <a href="#">耗材包关系维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>产品证照 ></dt>
                        <dd class="flex1">
                            <a href="#">代理商证照维护</a>
                            <a href="#">经销授权书证照维护</a>
                            <a href="#">售后服务机构证照维护</a>
                            <a href="#">医疗器械注册证维护</a>
                            <a href="#">业务授权书维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>客户管理 ></dt>
                        <dd class="flex1">
                            <a href="#">商业单位资料维护</a>
                            <a href="#">医疗机构资料维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>医院关系建立 ></dt>
                        <dd class="flex1">
                            <a href="#">供应关系查询</a>
                            <a href="#">采购目录勾对</a>
                        </dd>
                    </dl>
                </div>
                <div class="header-menu-content">
                    <dl class="displayflex">
                        <dt>业务管理 ></dt>
                        <dd class="flex1">
                            <a href="#">公司资料维护</a>
                            <a href="#">公司部门资料维护</a>
                            <a href="#">物流区域资料维护</a>
                            <a href="#">物流中心资料维护</a>
                            <a href="#">仓库资料</a>
                            <a href="#">货主仓库指定</a>
                            <a href="#">货主承运商指定</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>人员管理 ></dt>
                        <dd class="flex1">
                            <a href="#">公司人员角色维护</a>
                            <a href="#">公司人员资料维护</a>
                            <a href="#">货主人员资料维护</a>
                            <a href="#">承运商人员资料维护</a>
                            <a href="#">仓储商人员资料维护</a>
                            <a href="#">商业客户人员资料维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>商品管理 ></dt>
                        <dd class="flex1">
                            <a href="#">新品发布清单</a>
                            <a href="#">生产厂商资料维护</a>
                            <a href="#">商品分类资料表</a>
                            <a href="#">库管参数维护</a>
                            <a href="#">补货层级维护</a>
                            <a href="#">新增商品</a>
                            <a href="#">商品资料维护</a>
                            <a href="#" class="active">产品说明书维护</a>
                            <a href="#">物价资料维护</a>
                            <a href="#">耗材包关系维护</a>
                            <a href="#">耗材包关系维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>产品证照 ></dt>
                        <dd class="flex1">
                            <a href="#">代理商证照维护</a>
                            <a href="#">经销授权书证照维护</a>
                            <a href="#">售后服务机构证照维护</a>
                            <a href="#">医疗器械注册证维护</a>
                            <a href="#">业务授权书维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>客户管理 ></dt>
                        <dd class="flex1">
                            <a href="#">商业单位资料维护</a>
                            <a href="#">医疗机构资料维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>医院关系建立 ></dt>
                        <dd class="flex1">
                            <a href="#">供应关系查询</a>
                            <a href="#">采购目录勾对</a>
                        </dd>
                    </dl>
                </div>
                <div class="header-menu-content">
                    <dl class="displayflex">
                        <dt>统计查询 ></dt>
                        <dd class="flex1">
                            <a href="#">公司资料维护</a>
                            <a href="#">公司部门资料维护</a>
                            <a href="#">物流区域资料维护</a>
                            <a href="#">物流中心资料维护</a>
                            <a href="#">仓库资料</a>
                            <a href="#">货主仓库指定</a>
                            <a href="#">货主承运商指定</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>人员管理 ></dt>
                        <dd class="flex1">
                            <a href="#">公司人员角色维护</a>
                            <a href="#">公司人员资料维护</a>
                            <a href="#">货主人员资料维护</a>
                            <a href="#">承运商人员资料维护</a>
                            <a href="#">仓储商人员资料维护</a>
                            <a href="#">商业客户人员资料维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>商品管理 ></dt>
                        <dd class="flex1">
                            <a href="#">新品发布清单</a>
                            <a href="#">生产厂商资料维护</a>
                            <a href="#">商品分类资料表</a>
                            <a href="#">库管参数维护</a>
                            <a href="#">补货层级维护</a>
                            <a href="#">新增商品</a>
                            <a href="#">商品资料维护</a>
                            <a href="#" class="active">产品说明书维护</a>
                            <a href="#">物价资料维护</a>
                            <a href="#">耗材包关系维护</a>
                            <a href="#">耗材包关系维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>产品证照 ></dt>
                        <dd class="flex1">
                            <a href="#">代理商证照维护</a>
                            <a href="#">经销授权书证照维护</a>
                            <a href="#">售后服务机构证照维护</a>
                            <a href="#">医疗器械注册证维护</a>
                            <a href="#">业务授权书维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>客户管理 ></dt>
                        <dd class="flex1">
                            <a href="#">商业单位资料维护</a>
                            <a href="#">医疗机构资料维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>医院关系建立 ></dt>
                        <dd class="flex1">
                            <a href="#">供应关系查询</a>
                            <a href="#">采购目录勾对</a>
                        </dd>
                    </dl>
                </div>
            </div>
        </div>
    </div>
    <!-- 常用菜单 -->
    <div class="common-menu">
        <div class="common-menu-content">
            <p class="iconfont icon-menu">
                <a>公司资料维护</a>
                <a>新增商品</a>
                <a>采购目录勾对</a>
                <a>物流订单调度</a>
                <a>补货发起</a>
                <a>物流项目费用维护</a>
                <a>发票管理</a>
                <a>医院采购订单录入</a>
                <a>出库登录</a>
                <a>物流项目费用维护</a>
            </p>
        </div>
    </div>
    <!-- 按钮 当前位置-->
    <div class="g_header_nav">
        <div class="g_header_t">
            <div class="operate-btns">
                <a href="" class="fbtn iconfont icon-head-save">保存</a>
                <a href="" class="fbtn iconfont icon-head-save">保存草单</a>
                <a href="" class="fbtn iconfont icon-head-save">保存并打印</a>
            </div>
        </div>
        <div class="con_breadcrumb">
            <ol class="breadcrumb">
                <li>
                    <a href="#">订单录入</a>
                </li>
            </ol>
            <h3 class="current_module">订单录入</h3>
        </div>
    </div>
    <!--end  按钮 当前位置-->
    <!--end头部-->
    <!-- 找车 -->
    <div class="content">
        <!-- 订单录入 -->
        <!-- <div class="order-protocol">
            <label class="icon-checkbox protocol-box">
                <input type="checkbox">
                <span><i>同意接受禁运说明</i></span>
            </label>
            <span class="icon-required">为必填项</span>
        </div> -->
        <div class="order-four mb-10">
            <b>原单信息</b>
            <div class="row aline">
                <div class="w-20 plr8 fl">
                    <div class="text-input date-input displayflex bg-ash">
                        <span class="icon-required">物流单号</span>
                        <div class="flex1">
                            <input type="text">
                        </div>
                    </div>
                </div>
                <div class="w-20 plr8 fl">
                    <div class="text-input date-input displayflex bg-ash">
                        <span class="icon-required">业务单号</span>
                        <div class="flex1">
                            <input type="text">
                        </div>
                    </div>
                </div>
                <div class="w-20 plr8 fl">
                    <div class="text-input date-input displayflex bg-ash">
                        <span>主提货单号</span>
                        <div class="flex1">
                            <input type="text">
                        </div>
                    </div>
                </div>
                <div class="w-20 plr8 fl">
                    <div class="text-input date-input displayflex bg-ash">
                        <span>始发城市</span>
                        <div class="flex1">
                            <input type="text" data-toggle="city-picker" value="省/市/区">
                        </div>
                    </div>
                </div>
                <div class="w-20 plr8 fl">
                    <div class="text-input date-input displayflex bg-ash">
                        <span>目的城市</span>
                        <div class="flex1">
                            <input type="text" data-toggle="city-picker" value="省/市/区">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="order-one displayflex">
            <div class="flex1">
                <div class="order-require">
                    <p><b>发货方</b></p>
                </div>
                <div class="row aline">
                    <div class="w-50 plr8 fl">
                        <div class="text-input date-input displayflex bg-white">
                            <span class="icon-required">发货人</span>
                            <div class="flex1">
                                <input type="text">
                            </div>
                        </div>
                    </div>
                    <div class="w-50 plr8 fl">
                        <a href="javascript:;" class="order-btn sender-btn">选择</a>
                        <label class="icon-checkbox">
                            <input type="checkbox">
                            <span><i>保存到常用联系人</i></span>
                        </label>
                    </div>
                </div>
                <div class="row aline">
                    <div class="w-50 plr8 fl">
                        <div class="text-input date-input displayflex bg-white">
                            <span class="icon-required">发货单位</span>
                            <div class="flex1">
                                <input type="text">
                            </div>
                        </div>
                    </div>
                    <div class="w-50 plr8 fl">
                        <div class="text-input date-input displayflex bg-white">
                            <span class="">联系电话</span>
                            <div class="felx1">
                                <input type="text">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row aline">
                    <div class="w-50 plr8 fl">
                        <div class="text-input date-input displayflex bg-white">
                            <span class="icon-required">所在地</span>
                            <div class="flex1">
                                <input type="text" data-toggle="city-picker" value="省/市/区">
                            </div>
                        </div>
                    </div>
                    <div class="w-50 plr8 fl">
                        <div class="text-input date-input displayflex bg-white">
                            <span class="">详细地址</span>
                            <div class="flex1">
                                <input type="text">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row aline">
                    <div class="w-100 plr8">
                        <div class="text-input date-input displayflex bg-white">
                            <span class="icon-required">要求到达时间</span>
                            <div class="flex1">
                                <input type="text" placeholder="" name="date" action="date">
                            </div>
                            <i></i>
                            <div class="flex1">
                                <input type="text" placeholder="" name="date" action="date">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="flex1">
                <div class="order-require">
                    <p><b>收货方</b></p>
                </div>
                <div class="row aline">
                    <div class="w-50 plr8 fl">
                        <div class="text-input date-input displayflex bg-white">
                            <span class="icon-required">收货人</span>
                            <div class="flex1">
                                <input type="text">
                            </div>
                        </div>
                    </div>
                    <div class="w-50 plr8 fl">
                        <a href="javascript:;" class="order-btn receive-btn">选择</a>
                        <label class="icon-checkbox">
                            <input type="checkbox">
                            <span><i>保存到常用联系人</i></span>
                        </label>
                    </div>
                </div>
                <div class="row aline">
                    <div class="w-50 plr8 fl">
                        <div class="text-input date-input displayflex bg-white">
                            <span class="icon-required">收货单位</span>
                            <div class="flex1">
                                <input type="text">
                            </div>
                        </div>
                    </div>
                    <div class="w-50 plr8 fl">
                        <div class="text-input date-input displayflex bg-white">
                            <span class="">联系电话</span>
                            <div class="flex1">
                                <input type="text">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row aline">
                    <div class="w-50 plr8 fl">
                        <div class="text-input date-input displayflex bg-white">
                            <span class="icon-required">所在地</span>
                            <div class="flex1">
                                <input type="text" data-toggle="city-picker" value="省/市/区">
                            </div>
                        </div>
                    </div>
                    <div class="w-50 plr8 fl">
                        <div class="text-input date-input displayflex bg-white">
                            <span class="">详细地址</span>
                            <div class="flex1">
                                <input type="text">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row aline">
                    <div class="w-100 plr8">
                        <div class="text-input date-input displayflex bg-white">
                            <span class="">区域指定</span>
                            <select name="interest" class="flex1">
                                <option value=""></option>
                                <option value="0">写作</option>
                                <option value="1" >阅读</option>
                                <option value="2">游戏</option>
                                <option value="3">音乐</option>
                                <option value="4">旅行</option>
                            </select>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="order-one displayflex mt-10">
            <!-- 货物信息 -->
            <div class="flex1">
                <div class="order-two-tit mt-10">
                    <b class="fl">货物信息</b>
                    <select name="" id="" class="fl">
                        <option value="">货物类型</option>
                        <option value="">药品</option>
                        <option value="">食品</option>
                        <option value="">生鲜</option>
                        <option value="">日用百货</option>
                        <option value="">石油化工</option>
                        <option value="">危险品</option>
                    </select>
                    <a href="javascript:;" class="order-btn goods-btn fl">选择</a>
                    <span>请先选择一个货物类型</span>
                </div>
                <div class="table-div" id="scroll_1">
                    <table class="table table-entry">
                        <thead>
                            <tr>
                                <th></th>
                                <th class="w-30 tal"><span class="icon-required">货物名称</span></th>
                                <th>件数</th>
                                <th>重量(kg)</th>
                                <th>体积(m³)</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>1</td>
                                <td>
                                    <input class="tal" type="text" value="阿莫西林胶囊阿莫西林胶囊阿莫西林胶囊">
                                </td>
                                <td><input type="text" value="20"></td>
                                <td><input type="text" value="2"></td>
                                <td><input type="text" value="1"></td>
                                <td>
                                    <div class="tableBtn">
                                        <a href="" class="add">新增</a>
                                        <a href="" class="del">删除</a>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td></td>
                                <td colspan="4" class="tal">
                                    <p>1g*8片*2板*50盒*4中箱   修正药业集团股份有限公司</p>
                                </td>
                                <td></td>
                                <td></td>
                            </tr>
                        </tbody>
                        <tbody>
                            <tr>
                                <td>2</td>
                                <td>
                                    <input class="tal" type="text" value="">
                                </td>
                                <td><input type="text" value=""></td>
                                <td><input type="text" value=""></td>
                                <td><input type="text" value=""></td>
                                <td>
                                    <div class="tableBtn">
                                        <a href="" class="add">新增</a>
                                        <a href="" class="del">删除</a>
                                    </div>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="table-total mb-10">
                    <span class="icon-required">
                        总件数<input type="text" value="20">件
                    </span>
                    <span class="icon-required">
                        总重量<input type="text" value="2">公斤
                    </span>
                    <span class="icon-required">
                        总体积<input type="text" value="1">m³
                    </span>
                </div>
                <!-- 财务信息 -->
                <div class="property-info">
                    <div class="order-two-tit">
                        <b class="fl">财务信息</b>
                    </div>
                    <div class="row aline">
                        <div class="col-md-6 displayflex">
                            <span class="line34">付款方式</span>
                            <div class="text-input date-input flex1 bg-ash">
                                <select>
                                    <option value="0">月结</option>
                                    <option value="1">现结</option>
                                    <option value="2">到付</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-6 displayflex">
                            <span class="line34">计费方式</span>
                            <div class="text-input date-input flex1 bg-ash">
                                <select>
                                    <option value="0">件数计费</option>
                                    <option value="1" selected>重量计费</option>
                                    <option value="2">体积计费</option>
                                    <option value="3">专车计费</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="row aline">
                        <div class="col-md-6">
                            <span class="line34 fl">运输费</span>
                            <div class="text-input date-input displayflex bg-ash" style="margin-left: 61px;">
                                <div class="flex1">
                                    <input type="text" class="tar plr8">
                                </div>
                                <span class="flexitem">元</span>
                            </div>
                        </div>
                        <div class="col-md-6 displayflex">
                            <label class="icon-checkbox mr-10 flexitem">
                                <input type="checkbox">
                                <span><i>代收货款</i></span>
                            </label>
                            <div class="text-input date-input flexitem bg-ash">
                                <span class="">代收款</span>
                                <div class="flex1">
                                    <input type="text" class="tar plr8">
                                </div>
                                <span class="">元</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 物流服务要求 -->
            <div class="flex1">
                <div class="order-two-tit">
                    <b>物流服务要求</b>
                </div>
                <div class="require-row mb-10 plr8">
                    <label class="icon-checkbox">
                        <input type="checkbox">
                        <span><i>上门提货</i></span>
                    </label>
                    <div class="text-input date-input flexitem bg-ash">
                        <span>提货时间</span>
                        <div class="flex1">
                            <input type="text" placeholder="" name="date" action="date">
                        </div>
                    </div>
                    <span>
                        <label class="icon-checkbox">
                            <input type="checkbox">
                            <span><i>送货上门</i></span>
                        </label>
                        <label class="icon-checkbox">
                            <input type="checkbox">
                            <span><i>原件签收</i></span>
                        </label>
                    </span>
                </div>
                <div class="row aline">
                    <div class="col-md-6 displayflex">
                        <span class="line34">温度要求</span>
                        <div class="text-input date-input flex1 bg-ash">
                            <select>
                                <option value="0">常温</option>
                                <option value="1">冷藏</option>
                                <option value="2">冷冻</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-6 displayflex">
                        <span class="line34">配送方式</span>
                        <div class="text-input date-input flex1 bg-ash">
                            <select>
                                <option value="0" selected>平台配送</option>
                                <option value="1">自提</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="row aline">
                    <div class="col-md-6 displayflex">
                        <span class="line34">货物外形</span>
                        <div class="text-input date-input flex1 bg-ash">
                            <select>
                                <option value="0">普通</option>
                                <option value="1">异形</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="require-row mb-10">
                    <span>
                        <label class="icon-checkbox" id="coldChain">
                            <input type="checkbox">
                            <span><i>冷链运输</i></span>
                        </label>
                        <label class="icon-checkbox">
                            <input type="checkbox">
                            <span><i>物控</i></span>
                        </label>
                        <label class="icon-checkbox">
                            <input type="checkbox">
                            <span><i>不与其他货物混放</i></span>
                        </label>
                        <label class="icon-checkbox">
                            <input type="checkbox">
                            <span><i>专人押运</i></span>
                        </label>
                    </span>
                </div>
                <!-- 冷链运输 -->
                <div class="require-box coldChain-box">
                    <div class="require-row">
                        <label class="icon-checkbox">
                            <input type="checkbox">
                            <span><i>车型选择</i></span>
                        </label>
                        <span>
                            <label class="icon-radio">
                                <input type="radio" name="CarRadio" id="" checked="checked">
                                <span><i>冷藏车</i></span>
                            </label>
                            <label class="icon-radio">
                                <input type="radio" name="CarRadio" id="">
                                <span><i>冷藏车+保温箱</i></span>
                            </label>
                            <label class="icon-radio">
                                <input type="radio" name="CarRadio" id="">
                                <span><i>厢式货车+保温箱</i></span>
                            </label>
                        </span>
                    </div>
                    <div class="require-row">
                        <label class="icon-checkbox">
                            <input type="checkbox">
                            <span><i>设备选择</i></span>
                        </label>
                        <span>
                            <label class="icon-radio">
                                <input type="radio" name="EquipmentRadio" id="" checked="checked">
                                <span><i>自有</i></span>
                            </label>
                            <label class="icon-radio">
                                <input type="radio" name="EquipmentRadio" id="">
                                <span><i>租赁</i></span>
                            </label>
                        </span>
                    </div>
                    <div class="require-row">
                        <label class="icon-checkbox" id="reclaim">
                            <input type="checkbox">
                            <span><i>是否回收</i></span>
                        </label>
                        <span>
                            <label class="icon-checkbox">
                                <input type="checkbox">
                                <span><i>保温箱</i></span>
                            </label>
                            <label class="icon-checkbox">
                                <input type="checkbox">
                                <span><i>冰排</i></span>
                            </label>
                            <label class="icon-checkbox">
                                <input type="checkbox">
                                <span><i>温控模块</i></span>
                            </label>
                            <label class="icon-checkbox">
                                <input type="checkbox">
                                <span><i>防潮垫</i></span>
                            </label>
                        </span>
                    </div>
                    <!-- 设备回收地信息 -->
                    <div class="reclaim-box">
                        <div class="order-two-tit">
                            <b>设备回收地信息</b>
                        </div>
                        <div class="row aline">
                            <div class="col-md-6">
                                <div class="text-input date-input displayflex">
                                    <span>公司名称</span>
                                    <div class="flex1">
                                        <input type="text">
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="text-input date-input displayflex form-required">
                                    <span>联系人</span>
                                    <div class="flex1">
                                        <input type="text">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row aline">
                            <div class="col-md-6">
                                <div class="text-input date-input displayflex form-required">
                                    <span>联系电话</span>
                                    <div class="flex1">
                                        <input type="text">
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="text-input date-input displayflex form-required">
                                    <span>收货城市</span>
                                    <div class="flex1">
                                        <input type="text">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row aline">
                            <div class="col-md-12">
                                <div class="text-input date-input displayflex">
                                    <span>详细地址</span>
                                    <div class="flex1">
                                        <input type="text">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="require-row">
                        <span>返回方式</span>
                        <span>
                            <label class="icon-radio disable">
                                <input type="radio" name="TransportRadio" id="">
                                <span><i>价格优先</i></span>
                            </label>
                            <label class="icon-radio">
                                <input type="radio" name="TransportRadio" id="">
                                <span><i>时间优先</i></span>
                            </label>
                            <label class="icon-radio">
                                <input type="radio" name="TransportRadio" id="">
                                <span><i>服务优先</i></span>
                            </label>
                        </span>
                    </div>
                    <div class="require-row">
                        <span>要求返回日期</span>
                        <span>
                            <label class="icon-radio disable">
                                <input type="radio" name="TransportRadio" id="">
                                <span><i>无要求</i></span>
                            </label>
                            <label class="icon-radio">
                                <input type="radio" name="TransportRadio" id="">
                                <span><i class="text-input date-input flexitem"><input type="text"></i></span>
                            </label>
                        </span>
                    </div>
                </div>
                <div class="require-row mb-10 displayflex plr8">
                    <label class="icon-checkbox line34">
                        <input type="checkbox">
                        <span><i>指定承运商</i></span>
                    </label>
                    <div class="text-input date-input bg-ash flexitem">
                        <select>
                            <option value="0">沈阳宅急送快运有限公司</option>
                            <option value="1">大连宅急送快运有限公司</option>
                            <option value="2">武汉宅急送快运有限公司</option>
                        </select>
                    </div>
                </div>
            </div>
        </div>
        <div class="order-four mt-10">
            <b>备注信息</b>
            <div class="row aline">
                <div class="col-md-12">
                    <div class="text-input date-input displayflex bg-white">
                        <span class="">备注</span>
                        <input class="flex1" type="text">
                    </div>
                </div>
            </div>
        </div>
        <!-- end 订单录入 -->
    </div>
    <!-- 找车 end -->
    <footer class="footer">
        <p>
            Copyright © 2015-2017
            <a href="http://www.miitbeian.gov.cn/state/outPortal/loginPortal.action" target="_blank">粤ICP备16033858-1</a> 深圳传世般若科技有限公司
        </p>
    </footer>

    <!-- 选择发货人 -->
    <div class="entry-box sender-box" style="display: none;">
        <div class="input-group input-grout-button w-50">
            <input type="text" class="form-control" placeholder="姓名/地址/联系电话">
            <span class="input-group-btn">
                <button class="btn btn-img" type="button"></button>
            </span>
        </div>
        <div class="receive-select displayflex">
            <span>已选择：</span>
            <div class="flex1">
                <a href="">王小五</a>
                <a href="">王小五</a>
                <a href="">王小五</a>
                <a href="">王小五</a>
            </div>
        </div>
            
        <div class="receive-div" id="scroll_1">
            <table class="table table-route table-receive">
                <thead>
                    <tr>
                        <th style="width: 65px;">序号</th>
                        <th style="width: 70px;">发货人</th>
                        <th>联系电话</th>
                        <th style="width: 160px;">城市-区域指定</th>
                        <th>单位名称</th>
                        <th style="width: 150px;">详细地址</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>
                            <label class="icon-checkbox">
                                <input type="checkbox">
                                <span><i>1</i></span>
                            </label>
                        </td>
                        <td>王小五</td>
                        <td><p>13072568008</p><p>18069754212</p></td>
                        <td>湖北省/武汉市/江汉区-三环内</td>
                        <td>武汉惠民医院</td>
                        <td>泛海国际兰海园5栋5楼</td>
                    </tr>
                    <tr>
                        <td>
                            <label class="icon-checkbox">
                                <input type="checkbox">
                                <span><i>2</i></span>
                            </label>
                        </td>
                        <td>刘师傅</td>
                        <td><p>13072568008</p></td>
                        <td>湖北省/武汉市/武昌区</td>
                        <td>武汉惠民医院中南分院</td>
                        <td>中南路185号</td>
                    </tr>
                    <tr>
                        <td>
                            <label class="icon-checkbox">
                                <input type="checkbox">
                                <span><i>3</i></span>
                            </label>
                        </td>
                        <td>李杰</td>
                        <td><p>13072568008</p></td>
                        <td>湖北省/武汉市/武昌区</td>
                        <td>武汉惠民医院中南分院</td>
                        <td>中南路185号</td>
                    </tr>
                    <tr>
                        <td>
                            <label class="icon-checkbox">
                                <input type="checkbox">
                                <span><i>4</i></span>
                            </label>
                        </td>
                        <td>陈志安</td>
                        <td><p>13072568008</p></td>
                        <td>湖北省/武汉市/武昌区</td>
                        <td>武汉惠民医院中南分院</td>
                        <td>中南路185号</td>
                    </tr>
                    <tr>
                        <td>
                            <label class="icon-checkbox">
                                <input type="checkbox">
                                <span><i>5</i></span>
                            </label>
                        </td>
                        <td>李里德</td>
                        <td><p>13072568008</p></td>
                        <td>湖北省/武汉市/武昌区</td>
                        <td>武汉惠民医院中南分院</td>
                        <td>中南路185号</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="table-page mb-20">
            <a href="">上一页</a>
            <a href="">下一页</a>
            <span>第<i>1</i>页</span>
            <span>共<em>2</em>页</span>
        </div>
        <div class="layui-layer-btn">
            <a class="layui-layer-btn0">确定</a>
            <a class="layui-layer-btn1">取消</a>
        </div>
    </div>
    <!-- 选择收货方 -->
    <div class="entry-box receiving-box" style="display: none;">
        <div class="input-group input-grout-button w-50">
            <input type="text" class="form-control" placeholder="姓名/地址/联系电话">
            <span class="input-group-btn">
                <button class="btn btn-img" type="button"></button>
            </span>
        </div>
        <div class="receive-select displayflex">
            <span>已选择：</span>
            <div class="flex1">
                <a href="">王小五</a>
                <a href="">王小五</a>
                <a href="">王小五</a>
                <a href="">王小五</a>
            </div>
        </div>
            
        <div class="receive-div" id="scroll_1">
            <table class="table table-route table-receive">
                <thead>
                    <tr>
                        <th style="width: 65px;">序号</th>
                        <th style="width: 70px;">收货人</th>
                        <th>联系电话</th>
                        <th style="width: 160px;">城市-区域指定</th>
                        <th>单位名称</th>
                        <th style="width: 150px;">详细地址</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>
                            <label class="icon-checkbox">
                                <input type="checkbox">
                                <span><i>1</i></span>
                            </label>
                        </td>
                        <td>王小五</td>
                        <td><p>13072568008</p><p>18069754212</p></td>
                        <td>湖北省/武汉市/江汉区-三环内</td>
                        <td>武汉惠民医院</td>
                        <td>泛海国际兰海园5栋5楼</td>
                    </tr>
                    <tr>
                        <td>
                            <label class="icon-checkbox">
                                <input type="checkbox">
                                <span><i>2</i></span>
                            </label>
                        </td>
                        <td>刘师傅</td>
                        <td><p>13072568008</p></td>
                        <td>湖北省/武汉市/武昌区</td>
                        <td>武汉惠民医院中南分院</td>
                        <td>中南路185号</td>
                    </tr>
                    <tr>
                        <td>
                            <label class="icon-checkbox">
                                <input type="checkbox">
                                <span><i>3</i></span>
                            </label>
                        </td>
                        <td>李杰</td>
                        <td><p>13072568008</p></td>
                        <td>湖北省/武汉市/武昌区</td>
                        <td>武汉惠民医院中南分院</td>
                        <td>中南路185号</td>
                    </tr>
                    <tr>
                        <td>
                            <label class="icon-checkbox">
                                <input type="checkbox">
                                <span><i>4</i></span>
                            </label>
                        </td>
                        <td>陈志安</td>
                        <td><p>13072568008</p></td>
                        <td>湖北省/武汉市/武昌区</td>
                        <td>武汉惠民医院中南分院</td>
                        <td>中南路185号</td>
                    </tr>
                    <tr>
                        <td>
                            <label class="icon-checkbox">
                                <input type="checkbox">
                                <span><i>5</i></span>
                            </label>
                        </td>
                        <td>李里德</td>
                        <td><p>13072568008</p></td>
                        <td>湖北省/武汉市/武昌区</td>
                        <td>武汉惠民医院中南分院</td>
                        <td>中南路185号</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="table-page mb-20">
            <a href="">上一页</a>
            <a href="">下一页</a>
            <span>第<i>1</i>页</span>
            <span>共<em>2</em>页</span>
        </div>
        <div class="layui-layer-btn">
            <a class="layui-layer-btn0">确定</a>
            <a class="layui-layer-btn1">取消</a>
        </div>
    </div>
    <!-- 选择货物类型 -->
    <div class="entry-box goods-box" style="display: none;">
        <div class="input-group input-grout-button w-50">
            <input type="text" class="form-control" placeholder="货物类型名称">
            <span class="input-group-btn">
                <button class="btn btn-img" type="button"></button>
            </span>
        </div>
        <div class="receive-select displayflex">
            <span>已选择：</span>
            <div class="flex1">
                <a href="">医用品</a>
            </div>
        </div>
            
        <div class="receive-div" id="scroll_1">
            <table class="table table-receive">
                <thead>
                    <tr>
                        <th style="width: 65px;">序号</th>
                        <th style="width: 80px;">货物类型</th>
                        <th>货物编号</th>
                        <th style="width: 160px;">货物名称</th>
                        <th>规格</th>
                        <th style="width: 150px;">生产厂商</th>
                    </tr>
                </thead>
                <tbody>
                        <tr>
                            <td>
                                <label class="icon-checkbox">
                                    <input type="checkbox">
                                    <span><i>1</i></span>
                                </label>
                            </td>
                            <td>医用品</td>
                            <td><p>KA10008102</p></td>
                            <td>阿莫西林胶囊</td>
                            <td>1g*8颗*2板*20盒</td>
                            <td>Takeda GmbH 德国</td>
                        </tr>
                        <tr>
                            <td>
                                <label class="icon-checkbox">
                                    <input type="checkbox">
                                    <span><i>1</i></span>
                                </label>
                            </td>
                            <td>医用品</td>
                            <td><p>KA10008102</p></td>
                            <td>阿莫西林胶囊</td>
                            <td>1g*8颗*2板*20盒</td>
                            <td>Takeda GmbH 德国</td>
                        </tr>
                </tbody>
            </table>
        </div>
        <!-- <div class="table-page mb-20">
            <a href="">上一页</a>
            <a href="">下一页</a>
            <span>第<i>1</i>页</span>
            <span>共<em>2</em>页</span>
        </div> -->
        <div class="layui-layer-btn">
            <a class="">取消</a>
            <a class="">保存</a>
        </div>
    </div>
    <script type="text/javascript" src="lib/jquery.min.js"></script>
    <script type="text/javascript" src="lib/underscore-min.js"></script>
    <script type="text/javascript" src="lib/layui/lay/dest/layui.all.js"></script>
    <script type="text/javascript" src="lib/bootstrap.min.js"></script>
    <script type="text/javascript" src="lib/bootstrap-table.js"></script>
    <script type="text/javascript" src="lib/jquery.validate.min.js"></script>
    <script type="text/javascript" src="lib/city-picker.js"></script>
    <script type="text/javascript" src="lib/bootstrap-datetimepicker.min.js"></script>
    <script type="text/javascript" src="lib/jquery.slimscroll.js"></script>
    <script type="text/javascript" src="lib/echarts-all.js"></script>
    <script type="text/javascript" src="lib/flot/jquery.flot.js"></script>
    <script type="text/javascript" src="lib/zUI.js"></script>
    <!--新导航-->
    <script type="text/javascript" src="lib/snap.svg-min.js"></script>
    <script type="text/javascript" src="lib/modernizr.custom.js"></script>
    <script type="text/javascript" src="js/header_sfy.js"></script>
    <!--end新导航-->
    <script type="text/javascript" src="js/app.js"></script>
    <script type="text/javascript" src="js/validate-demo.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
    <script type="text/javascript" src="js/cy.js"></script>
    <script>
    $(function(){
        // 选择发货方
        $('.sender-btn').on('click', function() {
            app.layeropen({
                type: 1,
                area: ['760px','535px'],
                title: '选择发货方',
                closeBtn: 1,
                // btn: ['确定','取消'],
                skin: 'pop-border',
                content: $('.sender-box').html()
            })
        });
        // 选择收货方
        $('.receive-btn').on('click', function() {
            app.layeropen({
                type: 1,
                area: ['760px','535px'],
                title: '选择收货方',
                closeBtn: 1,
                // btn: ['确定','取消'],
                skin: 'pop-border',
                content: $('.receiving-box').html()
            })
        });
        // 选择货物类型
        $('.goods-btn').on('click', function() {
            app.layeropen({
                type: 1,
                area: ['760px','535px'],
                title: '选择货物类型',
                closeBtn: 1,
                // btn: ['确定','取消'],
                skin: 'pop-border',
                content: $('.goods-box').html()
            })
        });

        // 冷链运输
        $("#coldChain input").click(function(){
            if ($(this).is(":checked")) {
                $(".coldChain-box").show()
            } else {
                $(".coldChain-box").hide()
            }
        })

        // 是否回收
        $("#reclaim input").click(function(){
            if($(this).is(":checked")){
                $(".reclaim-box").show()
            }else{
                $(".reclaim-box").hide()
            }
        })
        

        // // 表头固定，内容滚动
        // var tableCont = document.querySelector('#scroll_1')
        // /**
        // * scroll handle
        // * @param {event} e -- scroll event
        // */
        // function scrollHandle (e){
        //     console.log(this)
        //     var scrollTop = this.scrollTop;
        //     this.querySelector('thead').style.transform = 'translateY(' + scrollTop + 'px)';
        // }
        // tableCont.addEventListener('scroll',scrollHandle);

    })
    </script>
</body>

</html>